<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二维码</title>
</head>
<style>
    body, html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #ec3436;
    }
</style>
<body>
<div style="width: 100%;height: 100%;background-image: url('/img/phone.png');background-position-x: center;background-size: contain;background-position-y: bottom;background-repeat: no-repeat">
    <div style="width: 100%;height: 100%;background-image: url('/img/money.png');background-position-x: center;background-size: contain">
        <div style="width: 100%;height: 100%;background-image: url('/img/hint.png');background-size: contain;background-position-y: bottom;background-repeat: no-repeat">
        {{/*<div style="width:100%;height:100%;background-image: url('/img/mobile.png');background-position-x: center;background-position-y:40%;background-size: 40%;background-repeat: no-repeat">*/}}
        {{/**/}}
        {{/*</div>*/}}
            <div id="qrcode"
                 style="width: 40%;height: auto;margin-left: auto;margin-right:auto;padding-top:50vw;text-align: center;"></div>
        </div>
    </div>
</div>
<script src="/js/model/jquery-1.8.0.min.js"></script>
<script src="/js/jquery.qrcode.min.js"></script>
<script>
    var str = "http://tmp.hamer.xin/user/tradepage?revId={{.revId}}";
    var width = $('#qrcode').width();
    console.log(str);
    $('#qrcode').qrcode({width: width, height: width, text: str});

</script>
</body>
</html>
